<!--竖向滚动条-->
<template>
  <el-scrollbar  class="page-scroll" :class="{'scroll-show' : scrollShow, 'scrollY-show': scrollShowX}">
    <slot></slot>
  </el-scrollbar>
</template>

<script>
  export default {
    name: 'scroll',
    props: {
      scrollShow : Boolean,   // 滚动条是否显示
      scrollShowX : {
        type : Boolean,
        default : false
      }
    }
  }
</script>

<style  lang="scss" >
  .page-scroll{
      height: 100%;
  }
  .scroll-show{
    .is-vertical{
      opacity: 1;
    }
  }
  .scrollY-show{
    ::v-deep .el-scrollbar__wrap{
      overflow-x: hidden;
    }
  }
</style>
